Questions
14 of 17
1What are different form elements in HTML ?
2What is the role of the <label> tag in forms ?
3What does name attribute do in an input field ?
4Explain method="GET" vs method="POST" in forms ?
5What is the purpose of action in form?
6What is native form validation in HTML?
7How do you make an input field required?
8How do you limit input length in a form?
9How to restrict a field to accept only numbers?
10What does the pattern attribute do?
11What is the placeholder attribute?
12What is the use of autocomplete?
13How do you build a multi-step form with native HTML?
14How can you capture file uploads with HTML?
15What are fieldsets and legends in forms?
16How do you associate multiple labels with one input?
17What is the difference between disabled and readonly?
HTMLHTML
Basics
Common Tags
Attributes and Elements
Lists
Text tags and Formatting
Input and Forms
Block and Inline Elements
Box model
Semantic Tags
Links and Images
Media and Embeds
Tables
HTML entities
HTML and CSS
Performance
SEO
Progressive Enhancement
HTML5
Custom Elements & Web Components
HTML5 APIs
SPAs
WCAG
Security
Best Practices
14 / 17

How can you capture file uploads with HTML?

Capturing File Uploads in HTML

In HTML, you can capture file uploads using the <input type="file"> element. This allows users to select files from their device and submit them through a form. To make the form handle files properly, you must also set the enctype attribute of the <form> to multipart/form-data.

Key Points About File Uploads
  1. 1

    Use <input type="file"> to create a file picker.

  2. 2

    Use the multiple attribute to allow selecting more than one file.

  3. 3

    Set the form's method="post" and enctype="multipart/form-data".

  4. 4

    You can restrict file types using the accept attribute (e.g., accept="image/*").

Example of File Upload Form